<template>
	<view style="display: flex;flex-direction: column;" >
		<view>
		<image :src="data.images_list[0]" style="width: 100%;" mode=""></image>
		<view class="model-box" style="">
			<text class="model" >{{data.title}}</text>
		</view>
		<view class="body" v-html="data.content">
		</view></view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				data:{
					images_list:[]
				}
			}
			
		},
		methods:{
			gotoRequest(){
				this.$http.post("system/getCompanyInfoWx",{}).then(res=>{
					console.log(res);
					this.data=res.data.data
				})
			}
		},
		onLoad(){
			this.gotoRequest()
		}
	}
</script>

<style>
	.model-box {
		width: 320rpx;
		height: 56rpx;
		background: #3d9c36;
		border-radius: 28rpx;
		/* margin-left: 100px; */
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin-left:220rpx;
	}

	.body {
		width: 658rpx;
		height: 288rpx;
		font-size: 24rpx;
		font-family: PingFang SC, PingFang SC-Medium;
		font-weight: 400;
		text-align: LEFT;
		color: #333333;
		line-height: 48rpx;
		margin-left: 46rpx;
		margin-right: 46rpx;
		text-indent: 2em;
		margin-top: 40rpx;
	}

	.model {
		width: 112rpx;
		height: 56rpx;
		line-height: 56rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #FFFFFF;
		padding-left: 10px;
	}
</style>